diff --git a/docs/elementIds.md b/docs/elementIds.md
index 034daa3..f989d02 100644
--- a/docs/elementIds.md
+++ b/docs/elementIds.md
@@ -1,4 +1,7 @@
-# Documentation of Element ID's for custom theming
+# Documentation of Element ID's and Classes for custom theming
+
+## IDs
+This does not include commonly used components (buttons, divider lines, commit author and message, etc...) for accessing and modifying those elements, please check `Classes` section bellow.
 
 | #ID                                    | Description                                                     |
 |----------------------------------------|-----------------------------------------------------------------|
@@ -91,4 +94,43 @@
 | `#menuOptionsSelectMenuLang`           | Language select menu                                            |
 | `#DownloadProgress`                    | Download progress container                                     |
 | `#bottomSectionContainer`              | Bottom section container                                        |
-| `#miniDownloadContainer`               | Container for mini download                                     |
\ No newline at end of file
+| `#miniDownloadContainer`               | Container for mini download                                     |
+
+## Classes
+This is not full list of all classes, rather its list of classes for commonly used components that can not be accessed using element id system.
+
+| .Class                      | Description                                             |
+|-----------------------------|---------------------------------------------------------|
+| `.BigButton`                | Class for all buttons                                   |
+| `.BigButtonText`            | Text inside a button                                    |
+| `.BigButton:hover`          | Hover state of all buttons                              |
+| `.BigButton.disabled`       | Disabled state of all buttons                           |
+| `.BigButton.disabled:hover` | Disabled state with hover                               |
+| `.Checkbox`                 | Checkbox container                                      |
+| `.CheckboxDisplay`          | Content of checkbox                                     |
+| `.DirInput`                 | Container for DirInput                                  |
+| `.FileSelectIcon`           | Icon of DirInput                                        |
+| `.DownloadList`             | List of all downloads                                   |
+| `.DownloadSection`          | Container for each download                             |
+| `.DownloadTitle`            | Contains file download path and current status          |
+| `.DownloadPath`             | Path of a download                                      |
+| `.DownloadStatus`           | Status of a download                                    |
+| `.DownloadSectionInner`     | Contains progressbar of the download section            |
+| `.HelpSection`              | Container for help "?" circle button                    |
+| `.HelpButton`               | HelpButton itself                                       |
+| `.HelpContents`             | Content of help button once expanded                    |
+| `.MainProgressBarWrapper`   | Container for MainProgressBar                           |
+| `.ProgressBar`              | ProgressBar (creativity left the brain)                 |
+| `.InnerProgress`            | ProgressBar percentage                                  |
+| `.MainProgressText`         | Text for MainProgressBar                                |
+| `.ProgressBarWrapper`       | Container for ProgressBar                               |
+| `.DownloadControls`         | DownloadControls of ProgressBar                         |
+| `.downloadStop`             | Container for download stop icon (SVG)                  |
+| `.ProgressText`             | Text of the ProgressBar display current download status |
+| `.TextInputWrapper`         | Container for TextInput                                 |
+| `.TextClear`                | Container for clear input content button                |
+| `.TextInputClear`           | TextInput clear button icon (SVG)                       |
+| `.Divider`                  | Container for line dividers                             |
+| `.DividerLine`              | Divider line itself                                     |
+| `.CommitAuthor`             | Author of a commit                                      |
+| `.CommitMessage`            | Message of a commit                                     |
\ No newline at end of file
diff --git a/src/ui/components/common/Checkbox.tsx b/src/ui/components/common/Checkbox.tsx
index 1d591ad..3eefc2c 100644
--- a/src/ui/components/common/Checkbox.tsx
+++ b/src/ui/components/common/Checkbox.tsx
@@ -42,7 +42,7 @@ export default class Checkbox extends React.Component<IProps, IState> {
     return (
       <div className="Checkbox">
         <input type='checkbox' id={this.props.id} checked={this.state.checked} onChange={this.handleChange} />
-        <label id="commonCheckboxLabel" htmlFor={this.props.id}>
+        <label htmlFor={this.props.id}>
           <div className="CheckboxDisplay">
             {this.state.checked ? <img src={checkmark} alt='Checkmark' /> : null}
           </div>
diff --git a/src/ui/components/common/DirInput.tsx b/src/ui/components/common/DirInput.tsx
index f2994b1..ece7bd3 100644
--- a/src/ui/components/common/DirInput.tsx
+++ b/src/ui/components/common/DirInput.tsx
@@ -88,7 +88,6 @@ export default class DirInput extends React.Component<IProps, IState> {
     return (
       <div className='DirInput'>
         <TextInput
-          id='commonDirInputText'
           value={this.state.value}
           placeholder={this.state.placeholder}
           clearable={this.props.clearable !== undefined ? this.props.clearable : true}
diff --git a/src/ui/components/common/HelpButton.tsx b/src/ui/components/common/HelpButton.tsx
index 8c4ff88..3baf1bb 100644
--- a/src/ui/components/common/HelpButton.tsx
+++ b/src/ui/components/common/HelpButton.tsx
@@ -38,7 +38,7 @@ export default class HelpButton extends React.Component<IProps, IState> {
     return (
       <div className="HelpSection">
         <div className="HelpButton" onMouseEnter={this.setOpen} onMouseLeave={this.setClosed}>
-          <img id="commonHelpButtonIcon" src={Help} />
+          <img src={Help} />
         </div>
 
         <div className="HelpContents" style={{
diff --git a/src/ui/components/common/ProgressBar.tsx b/src/ui/components/common/ProgressBar.tsx
index 872876e..6194f04 100644
--- a/src/ui/components/common/ProgressBar.tsx
+++ b/src/ui/components/common/ProgressBar.tsx
@@ -75,7 +75,7 @@ export default class ProgressBar extends React.Component<IProps, IState> {
           </div>
           <div className="DownloadControls">
             <div onClick={this.stopDownload} className="downloadStop">
-              <img id="commonProgressBarDownStopIcon" src={Stop}></img>
+              <img src={Stop}></img>
             </div>
           </div>
         </div>